.map {
	height:100%;
	padding:0 0 50px 20px;
	position:relative;
	.mapShow {
		height:100%;
	}
	.mapTimes {
		height:50px;
		position:relative;
		.color-select {
			position:absolute;
			width:90px;
			height:80px;
			top:-10px;
			left:5px;
			z-index:1000;
		}
		.color-select .current-color {
			display:block;
			width:28px;
			height:15px;
			border:1px solid #aaa;
			border-radius:3px;
		}
		.color-select .current-color .inner-border {
			width:18px;
			height:13px;
			background:#fe0100;
			border:1px solid #fff;
			float:left;
		}
		.color-select .current-color .open-more {
			float:left;
			width:8px;
			height:13px;
			background:url(../assets/images/map/arrow-now.png) center no-repeat;
			border-left:1px solid #aaa;
			cursor:pointer;
		}
		.color-select .color-options {
			width:140px;
			height:40px;
			border:1px solid #aaa;
			margin:2px 0 0 0;
			display:none;
			background:#fff;
		}
		.color-select .color-options.open {
			display:block;
		}
		.color-select .color-options span {
			display:inline-block;
			width:13px;
			height:13px;
			margin:2px 3px;
			cursor:pointer;
		}
		.timesArea {
			width:750px;
			margin:0 auto;
			position:relative;
		}
		.timeBtns {
		    position:absolute;
		    top:0px;left:0;
		    width:63px;
		    height:20px;
		    z-index:100;
		}
		.timeBtns span {
		    display:inline-block;
		    width:12px;
		    height:20px;
		    margin:0;
		    cursor:pointer;
		}
		.timeBtns span.prevBtn {
		    background:url(../assets/images/map/arrow-prev.png) center no-repeat;
		}
		.timeBtns span.nextBtn {
		    background:url(../assets/images/map/arrow-next.png) center no-repeat;
		}
		.timeBtns span.switch {
		    background:url(../assets/images/map/arrow-now.png) center no-repeat;
		}
		.timeBtns span.switch.on {
		    background:url(../assets/images/map/arrow-stop.png) center no-repeat;
		}

		.timeList {
		    margin:0 auto;
		    overflow:hidden;
		    position:relative;
		    top:-3px;
		}

		.timeList .timeListInner span{
		    display:block;
		    width:80px;
		    float:left;
		    text-align:center;
		    cursor:pointer;
		    font-size:12px;
		}
		.timeList .timeListInner span.on {
		    color:#2B83F1;
		}
		.timeList .timeListInner span::before{
		    content:'';
		    display:block;
		    width:5px;
		    height:5px;
		    background:#aaa;
		    margin:0 auto;
		    border-radius:50%;
		    cursor:pointer;
		}
		.timeList .timeListInner span.on::before{
		    width:6px;
		    height:6px;
		    background:#2B83F1;
		    margin:0 auto;
		    border-radius:50%;
		}
		.timeLine {
		    margin:20px auto 0 auto;
		    border-top:1px dashed #ddd;
		}
	}
}